﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" type="text/css" href="css/font-awesome.4.6.0.css">
<link rel="stylesheet" href="css/bicolor.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" type="text/css" href="fonts/demo.css">
<link rel="stylesheet" type="text/css" href="fonts/iconfont.css">
<!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
<link rel="shortcut icon" href="img/favicon.png">
<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72"
	href="img/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114"
	href="img/apple-touch-icon-114x114.png">
</head>
<body class="start" style="">
	<div id="awd-site-wrap" class="bg bg-home">
		<div id="bg">
			<div id="overlay">
				<div class="awd-site-bg bg-home"></div>
				<div class="awd-site-bg bg-subscribe"></div>
				<div class="awd-site-bg bg-about"></div>
				<div class="awd-site-bg bg-contact"></div>
				<div class="awd-site-bg bg-services"></div>
			</div>
			<canvas id="awd-site-canvas" width="1920" height="832"></canvas>
		</div>
		<header id="awd-site-header">
			<div id="awd-site-logo" class="animated fadeInDown visible"
				data-animation="fadeInDown" data-animation-delay="500"></div>
			<button class="menu-toggle animated fadeInDown visible"
				data-animation="fadeInDown" data-animation-delay="500"
				data-role="toggle">
				<span></span> <span></span> <span></span>
			</button>
			<nav id="awd-site-nav" class="navigation animated fadeInDown visible"
				data-animation="fadeInDown" data-animation-delay="500">
				<div class="nav-container">
					<ul>
						<li><a href="#" data-slide="home" class="active">首页</a></li>
						<li><a href="#" data-slide="subscribe">服务</a></li>
						<li><a href="#" data-slide="about">关于</a></li>
						<li><a href="#" data-slide="services">愿景</a></li>
						<li><a href="#" data-slide="contact">联系我们</a></li>
					</ul>
				</div>
			</nav>
		</header>

		<main id="awd-site-main">
		<section id="awd-site-content">
			<div class="sections-block ps-container"
				data-ps-id="547c7539-32d8-728f-3955-6c9921abbc16">
				<div class="slides">
					<div class="slides-wrap">
						<div class="slide-item active" data-slide-id="home">
							<div class="container-fluid">
								<div class="row">
									<div class="col-md-12">
										<div class="slide-content">
											<div class="row">
												<div class="col-lg-6 col-md-6 svm">
													<div class="section-info text-left">
														<div class="countdown">
															<div id="clock" class="animated fadeIn visible"
																data-animation="fadeIn" data-animation-delay="60"></div>
														</div>
													</div>
												</div>
												<div class="col-lg-5 col-lg-offset-1 col-md-6 svm"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="slide-item" data-slide-id="subscribe">
							<div class="container-fluid">
								<div class="row">
									<div class="col-md-12">
										<div class="slide-content">
											<div class="row">
												<div
													class="col-lg-5 col-lg-offset-2 col-md-6 col-md-offset-1 col-md-push-5 svm">

												</div>
												<div class="col-md-5 col-md-pull-7 svm"></div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="slide-item" data-slide-id="about">
							<div class="container-fluid">
								<div class="row">
									<div class="col-md-12">
										<div class="slide-content">
											<div class="row"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="slide-item" data-slide-id="services">
							<div class="container-fluid">
								<div class="row">
									<div class="col-md-12">
										<div class="slide-content">
											<div class="row"></div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="slide-item" data-slide-id="contact">
							<div class="container-fluid">
								<div class="row">


									<div>
										<input type="text" id="txtName" placeholder="姓名" /> <input
											type="text" id="txtPhone" placeholder="手机" />
										<textarea placeholder="聊两句吧..." rows="4"></textarea>

										<button class="btn btn-block" onclick="sub()">
											共同致富
										</button>


									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
	</div>

	<div class="ps-scrollbar-x-rail" style="left: 0px; bottom: 3px;">
		<div class="ps-scrollbar-x" style="left: 0px; width: 0px;"></div>
	</div>
	<div class="ps-scrollbar-y-rail" style="top: 0px; right: 3px;">
		<div class="ps-scrollbar-y" style="top: 0px; height: 0px;"></div>
	</div>
	<footer id="awd-site-footer">
		<div class="copyright animated fadeInUp visible"
			data-animation="fadeInUp" data-animation-delay="500">
			<p>© 2018 - All Rights Reserved</p>
		</div>

	</footer>
	<script src="js/jQuery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/vendor.js"></script>
	<script type="text/javascript" src="js/options.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script>

        function sub() {
            var name = $("#txtName").val();
            var phone = $("#txtPhone").val();
            var msg = $("#txtMsg").val();

            $.ajax({
                async: false,
                type: "POST",
                url: "http://localhost:8080/zyb/message.do",
                dataType: "application/json; charset=UTF-8",
                data: {
                    "name": name,
                    "phone": phone,
                    "msg": msg
                },
                success: function (json) {
						
                	return;
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) { <!--layer.msg(textStatus); -->
                return;
                }
            })
        }
    </script>

</body>
</html>